<template>
<div class="ue-console-box">
    <div class="send-msg">{{ sendMsg }}</div>
    <div class="send-msg">{{ reviceMsg }}</div>
</div>
</template>
<script setup>
import useStore from '@/store'
import { storeToRefs } from 'pinia';
const { app } = useStore();

const { sendMsg, reviceMsg } = storeToRefs(app);
</script> 
<style lang="scss" scoped>
.ue-console-box {
    position: fixed;
    pointer-events: none;
    width: 500px;
    height: 200px;
    left: 0;
    top: 0;
    z-index: 9999;
    background-color: rgba($color: #000000, $alpha: .3);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    font-size: 16px;
    color: #fff;
    .send-msg {
        margin: 10px;
    }
}
</style>